<template>
  <section class="left flex items-center gap-1">
    <img src="/public/Menu.svg" class="!w-[18px]" />
    <span class="leading-21">{{ title }}</span>
    <el-button class="ml-auto" :type="btnType" @click="() => eventFn" v-show="btn">{{ btnText }}</el-button>
  </section>
</template>

<script lang="ts" setup>
const { title, btnType, btn, btnText } = defineProps({
  title: {
    type: String,
    default: ''
  },
  btnType: {
    type: String,
    default: 'default'
  },
  btn: {
    typepe: Boolean,
    default: false
  },
  btnText: String,
  eventFn: Function
}) 
</script>

<style scoped lang="scss"></style>
